import 'package:flutter/material.dart';

void main() {
  runApp(new MaterialApp(
    home: Scaffold(
      appBar: AppBar(
        title: Text("Column + Row配置说明"),
      ),
      body: Column(
        children: <Widget>[
          Row(children: <Widget>[
            Text(
              "11" * 1,
              style: TextStyle(fontSize: 20),
            ),
            Expanded(
                flex: 1,
                child: Text(
                  "12" * 2,
                  textAlign: TextAlign.center,
                  style: TextStyle(fontSize: 40),
                )),
            Text("13" * 1)
          ]),
          Expanded(
            flex: 1,
            child: Container(
                child: Row(
                  
                  children: <Widget>[
                  Text(
                    "21" * 1,
                    style:
                        TextStyle(fontSize: 20, backgroundColor: Colors.yellow),
                  ),
                  Expanded(
                      flex: 1,
                      child: Container(
                          child: Text(
                            "22" * 2,
                            textAlign: TextAlign.center,
                            style: TextStyle(
                                fontSize: 40, backgroundColor: Colors.green),
                          ),
                          color: Colors.pink)),
                  Text(
                    "23" * 1,
                    style: TextStyle(backgroundColor: Colors.blue),
                  )
                ]),
                color: Colors.purple),
          ),
          Row(children: <Widget>[
            Text(
              "31" * 1,
              style: TextStyle(fontSize: 20),
            ),
            Text(
              "32" * 2,
              style: TextStyle(fontSize: 40),
            ),
            Text("33" * 1)
          ]),
        ],
      ),
    ),
  ));
}
